@import '../../../assets/css/CommonStyle.scss';

#Doctor-DoctorAddGroup {
  padding: 0 m-w(30);

  .formArea {
    & > h1 {
      font-size: m-w(30);
      font-weight: bold;
      color: #333;
    }
    .ant-form-item {
      margin-bottom: m-w(56);
    }
    .am-input-item {
      width: m-w(690);
      height: m-w(74);
      border-radius: 2px;
      border: m-w(2) solid #e8e8e8;
      margin-top: m-w(6);
      padding: 0 m-w(15);
    }
    .remark {
      width: m-w(690);
      height: m-w(160);
      border-radius: 2px;
      border: m-w(2) solid #e8e8e8;
      margin-top: m-w(6);
      //margin-bottom: m-w(16);
      padding: 0;
    }
    textarea {
      height: m-w(160);
      padding: m-w(15);
      font-size: m-w(30);
      line-height: 1.4;
    }
    input {
      font-size: m-w(30);
    }
    .patientArea {
      margin-top: m-w(16);
      img {
        height: m-w(88);
      }
      img,
      .patientItem {
        width: m-w(88);
        border-radius: 100px;
        display: inline-block;
        margin-right: m-w(32);
        margin-bottom: m-w(32);
      }
      .cancel {
        color: #429cff;
        float: right;
        margin-top: m-w(20);
      }
      .addedPatientList {
        display: flex;
        flex-wrap: wrap;
        .patientItem {
          position: relative;
          .selectIcon {
            position: absolute;
            width: m-w(26);
            height: m-w(26);
            right: 0;
            top: m-w(65);
            margin: 0;
          }
        }
        .detail {
          font-size: m-w(22);
          margin-bottom: m-w(8);
          padding: m-w(20) m-w(16);
          position: relative;
          width: m-w(320);
          height: m-w(160);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
          border-radius: 8px;
        }
        .firstLine {
          margin-bottom: m-w(16);
          color: #999999;
          display: flex;
          align-items: baseline;
          span {
            margin-right: m-w(24);
          }
          span:last-of-type {
            margin: 0;
          }
          .name {
            max-width: m-w(160);
            overflow: hidden;
            font-size: m-w(26);
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
          }
        }
      }
    }
  }
}
